<script setup lang="ts">
import { PropType } from 'vue'
import type { ViewData } from '@/api/types/userType'
import { Descriptions } from '@/components/Descriptions'
import { ElTabs, ElTabPane } from 'element-plus'
import DeviceLogin from "./DeviceLogin.vue"
import MacList from "./MacList.vue"
import {ref} from 'vue'

defineProps({
  currentRow: {
    type: Object as PropType<Nullable<ViewData>>,
    default: () => null
  },
  detailSchema: {
    type: Array as PropType<DescriptionsSchema[]>,
    default: () => []
  }
})
const activeName = ref('first')
</script>

<template>

    <el-tabs v-model="activeName" class="demo-tabs">
    <el-tab-pane label="设备列表" name="first">
      <MacList :data="currentRow"/>
    </el-tab-pane>
    <el-tab-pane label="登录历史" name="second">
      <DeviceLogin :data="currentRow"/>
    </el-tab-pane>
    
  </el-tabs>
</template>
